html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1; font-family:'微软雅黑','Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #fff; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}


.trade-header{width: 100%;background-color: #0e67b0;}
.trade-wrapper{width: 1200px;margin:0 auto;}
.trade-header .trade-wrapper{background-color: #fff;}
.header-top{width: 100%;}
.header-top ul{float: right;margin-top: 26px;margin-right: 6px;}
.header-top ul li{float: left;margin-right:16px;}
.header-top ul li a{font-size: 14px;color: #233983;}
.header-bottom{width: 100%;overflow: hidden;padding-bottom: 28px;}
.header-bottom .header-logo{float: left;height:88px;margin-left: 36px;width: 744px;position: relative;}
.header-bottom .header-logo i{float: left;width: 90px;height: 88px;}
.header-bottom .header-logo b{float: left;width: 653px;height: 88px;overflow: hidden;}
.header-bottom .header-logo b a{width: 653px;height: 88px;display: inline-block;float: left;}
/* .header-bottom .header-logo img{position: absolute;top: 0px;left: 0px;} */
.header-bottom-right{float: right;overflow: hidden;margin-right: 24px;position: relative;height: 70px;margin-top: 20px;width:394px;}
.header-bottom .header-search{width: 292px;overflow: hidden;float: right;}
.header-search .search-input{float: left;width:222px;height: 34px;box-sizing: border-box;border:none;background-color: #aacce7;padding-left: 10px;font-size: 18px;color: #000;}
.header-search .search-btn{float: right; width:70px;height: 34px;text-align: center;font-size: 20px;color: #fbfcfd;background:url('../images/ny2018121802_search.png') no-repeat center center #122c4c;cursor: pointer; line-height: 33px;box-sizing:border-box;border:none;}
.trade-header .header-date{display: block; font-size: 14px;color: #222225;margin-top:20px;position: absolute;bottom: 0px;right:0px;}
.trade-content{width: 100%;position: relative;}
.trade-content .content-nav{width: 100%; position: absolute;top: -30px;z-index: 99999;}
.content-nav .trade-wrapper>ul{height: 64px; border-radius: 12px 12px 0 0;background-color: #3b4e95;}
.content-nav .trade-wrapper>ul>li{float: left;height:64px; line-height:64px;position: relative;}
.content-nav .trade-wrapper>ul>li>a{float: left; color: #ffffff;font-size: 20px;font-weight: bold; padding-left:36px;padding-right: 36px;line-height: 64px;display: inline-block;}
.content-nav .trade-wrapper>ul>li.nav-last>a{padding-right:28px;padding-left: 28px;}
.content-nav .trade-wrapper>ul>li.nav-last>a:hover{border-top-right-radius: 12px;}
.content-nav .trade-wrapper>ul>li:first-child>a:hover{border-top-left-radius: 12px;}
.content-nav .trade-wrapper>ul>li>a:hover{background-color:#0e67b0;}
.content-nav .trade-wrapper>ul>li.active>a{background-color:#0e67b0;}
.content-nav .trade-wrapper>ul>li>i{width: 3px;height: 36px;margin-top: 6px;float: left; display: inline-block;background:url('../images/nav-line.png') no-repeat center center;}
.down_ul{width:100%; position: absolute;left:0px;top:64px;z-index: 999999999;display: none;padding-bottom: 10px;background-color: rgba(19,1,5,0.5);}
.nav-last .down_ul{left:0px;width: 100%;}
.down_ul li{line-height: 40px;}
.down_ul li a{font-size: 16px;color: #fff;width: 100%;display: block;height: 40px;   padding-left:36px;
    box-sizing: border-box;}
.down_ul li a:hover{background-color:#064579;}
.nav-last .down_ul li a{padding-left: 28px;}
.content-inner{width: 1200px;margin:0 auto;overflow: hidden;position: relative;z-index: 1;}
.content-inner .content-intro{width:604px;float: left;background-color:rgba(19,1,5,0.5);height: 336px;position: absolute;left: 0px;bottom: 0px;z-index:9999999999;}
.content-intro .intro-info{padding:30px 42px 0 42px;overflow: hidden;}
.content-intro .intro-info h1{font-size: 24px;color: #fff;line-height: 70px;text-align: center;font-weight: bold;}
.content-intro .intro-info p{text-indent: 2em; font-size: 18px;color: #fbfaf8;line-height:32px;font-weight: bold;}
.content-inner .content-scroll{float: left;width: 1200px;height: 548px;position: relative;}
.trade-footer{height:320px;background-color: #22357a;}
.trade-footer p{font-size: 14px;color: #e3e7f0;text-align: center;line-height: 22px;}
.trade-footer p:first-child{padding-top: 18px;}
.footer-wrapper{width: 1200px;margin:0 auto;overflow: hidden;position: relative;}
.footer-img{display: block;position: absolute;right: 80px;top:30px;}
.content-scroll .scroll-box{width: 1200px;height: 548px;overflow: hidden;position: relative;}
.scroll-box ul{overflow: hidden;position: relative;width: 10000px;}
.scroll-box ul li{float: left;}
.scroll-box ul li img{width:1200px;height: 548px;}
.scroll-btn{width: 100%;position: absolute;left: 0px;top:180px;}
.scroll-btn .left-btn{position: absolute;left: 0px; width: 50px;height: 60px;display: inline-block; background:url('mc181206-lbtn.png') no-repeat center center rgba(0,0,0,0.5);background-size: cover;cursor: pointer;}
.scroll-btn .right-btn{position: absolute;right: 0px; width: 50px;height: 60px;display: inline-block; background:url('mc181206-rbtn.png') no-repeat center center rgba(0,0,0,0.5);background-size: cover;cursor: pointer;}
.scroll-page{overflow: hidden;position: absolute;bottom: 20px;right:30px;font-size: 0px;}
.scroll-page span{display: inline-block;border-radius: 16px; cursor: pointer; height:16px;width:16px;background-color: #fff;margin-right: 13px;}
.scroll-page span.active{background-color: #e0b308;}
.content-message{width: 1150px;margin:0 auto; height: 48px;line-height: 48px; overflow: hidden;/* top:34px;left: 25px; z-index: 99999999;background-color: rgba(246,235,216,0.8); */}
.content-message ul li{float: left;padding-left: 24px;/* margin-left: 38px; */margin-right:40px;background:url('../images/ny2018121901_message.png') no-repeat center left;}
.content-message ul li a{font-size: 14px;color:#000;}
.trade-newest{width: 100%;overflow: hidden;margin-top: 50px;}
.trade-newest .newest-inner{width:1200px;margin:0 auto;}
.trade-newest .newest-dynamic{float: left;width: 776px;border-top:5px solid #d8ab2d;}
.trade-newest .newest-dynamic h1{font-size: 24px;font-weight: bold;color: #000000;line-height: 62px;}
.dynamic-box{margin-top: 7px;overflow: hidden;}
.dynamic-box ul li{line-height: 34px;margin-top: 12px; border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-left: 16px;background:url('../images/ny2018121803_icon.png') no-repeat left center;}
.dynamic-box ul li a{float: left;font-size: 18px;color: #333333;}
.dynamic-box ul li span{float: right;font-size: 16px;color: #848484;}
.trade-newest .newest-notice{float: right;width: 394px;height: 356px;}
.newest-notice .notice-title{background-color: #0f67b1;line-height: 53px;}
.newest-notice .notice-title h1{font-size: 24px;color: #ffffff;font-weight: bold;padding-left: 64px;background:url('../images/ny2018121803_notive.png') no-repeat 21px center;}
.notice-box{width: 100%;overflow: hidden;border:1px solid #dddddd;box-sizing: border-box;height: 302px;}
.notice-box .bdc{margin-top: 14px;}
.notice-box ul{overflow: hidden;margin-top:12px;}
.notice-box ul li{line-height: 42px;padding-left: 34px;background:url('../images/ny2018121803_icon.png') no-repeat 20px center;}
.notice-box ul li a{font-size: 16px;color: #222222;}
.notice-box ul li a:hover{color:#0f67b1;}
.dynamic-box ul li a:hover{color:#0f67b1;}
.newest-box{width: 100%;overflow: hidden;}
.newest-img{width: 640px;float: left;font-size: 0px;margin-top: 58px;}
.newest-entrance{float: right;width: 492px;}
.newest-entrance .entrance-box{width:180px;height: 90px;float: left;position: relative;margin-top: 44px;}
.enterance-img{width: 116px;height: 84px;background:url('../images/ny2018121805_img.png') no-repeat center center;position: absolute;left: 0px;top: 4px;}
.enterance-animate{width: 54px;height: 53px;background:url('../images/ny2018121806_img.png') no-repeat center center;position: absolute;right: 6px;top: 0px;}
.entrance-box span{display: block;position: absolute;bottom: 0px;right: 0px;font-size: 20px;color: #3b4f96;font-weight: bold;}
.newest-entrance .entrance-data{width: 201px;height: 117px;float: right;position: relative;margin-right: 30px;margin-top: 40px;margin-bottom: 50px;}
.data-animate{width: 201px;height: 117px;background:url('../images/ny2018121807_img.png') no-repeat center center;}
.newest-entrance .entrance-data a{position: absolute;top:50px;left:64px;font-size: 20px;color: #3b4f96;font-weight: bold;}
.newest-entrance .entrance-data a.data-update{display: none;}
.footer-silde{width: 100%;overflow: hidden;margin-top: 40px;height: 84.5px;}
.footer-silde ul li{float: left;margin-right:15px;}
.footer-silde ul li:last-child{margin-right: 0px;}
.footer-silde ul li img{width: 390px;height:83px;}
.footer_chaining {
    padding-top: 40px;
    padding-bottom: 24px;
    text-align: center;
}
.footer_chaining a {
    font-size: 16px;
    color: #adb5cc;
}
.footer_chaining span {
    margin: 0px 15px;
    color: #adb5cc;
}
.footer_img1 {
    position: absolute;
    top: 52px;
    left: 208px;
}
.footer-inner{width: 100%;overflow: hidden;position: relative;}
/* .content-message ul li{width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} */
.message-notice{overflow: hidden;}
.div2 {
    width: auto;
    height: auto;
    float: left;
    overflow: hidden;
}
.content-message ul {
    height: 48px;
    overflow: hidden;
    background: none;
    width: 100%;
    border: 0;
}
.content-message-all{width: 1200px;height: 48px;    position: absolute;
    top: 0px;
    z-index: 9999999; margin: 0 auto;overflow: hidden;background-color: rgba(246,235,216,0.8);}
.btn-up {
    float: right;
    position: relative;
    top: -10px;
    left: 18px;
    width: 18px;
    height: 13px;
    background:url('../images/mc_20190505_01.png') no-repeat;
}
.content-intro {
    position: relative;
    bottom: 0;
    left: 0;
}
.content-intro.active .intro-info h1 {
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 30px;
}
.content-intro.active .btn-up {
  background:url('../images/mc_20190505_02.png') no-repeat;
  top: 3px;
}
/* .content-message ul li {
    height: 48px;
    line-height: 48px;
    display: inline;
    width: auto;
    padding: 0;
}
.content-message ul li a {
    font-size: 16px;
    color: #000;
    margin-right: 40px;
} */


/* .data-animate {
	transform: rotateY(.5turn) translateZ(1px);
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
          transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-animation: 10s infinite alternate ease-in-out tipsy;
          animation: 10s infinite alternate ease-in-out tipsy;
	right: -100px;
    position: absolute;
    top: 54px;
 }
 @keyframes tipsy {
  0 {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
} */
/* .data-animate{ -webkit-animation: rotaY 5s infinite linear;}
@-webkit-keyframes rotaY{
  from{-webkit-transform:rotateY(0deg) }
  to{-webkit-transform:rotateY(-360deg) }
}
@-webkit-keyframes rotaX{
  from{-webkit-transform:rotateX(0deg)}
  to{-webkit-transform:rotateX(-360deg)}
}
@-webkit-keyframes rotaZ{
  from{-webkit-transform:rotateZ(0deg)}
  to{-webkit-transform:rotateZ(-360deg)}
}

.data-animate{transform: translateZ(75px);
	animation:mymove 5s infinite linear;
	-webkit-animation:mymove 5s infinite linear;
	-moz-animation:mymove 5s infinite linear;
	-o-animation:mymove 5s infinite linear;
}

@keyframes mymove{
	from{transform:rotateX(0deg) rotateY(0deg);}
	to{transform:rotateX(360deg) rotateY(360deg);}
}
@-webkit-keyframes mymove{
	from{-webkit-transform:rotateX(0deg) rotateY(0deg);}
	to{-webkit-transform:rotateX(360deg) rotateY(360deg);}
}
@-moz-keyframes mymove{
	from{-moz-transform:rotateX(0deg) rotateY(0deg);}
	to{-moz-transform:rotateX(360deg) rotateY(360deg);}
}
@-o-keyframes mymove{
	from{-o-transform:rotateX(0deg) rotateY(0deg);}
	to{-o-transform:rotateX(360deg) rotateY(360deg);}
}
 */

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
@keyframes bounceInDown {
	0%,60%,75%,90%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0,25px,0)
	}

	75% {
		transform: translate3d(0,-10px,0)
	}

	90% {
		transform: translate3d(0,5px,0)
	}

	to {
		transform: none
	}
}

.bounceInDown {
	animation-name: bounceInDown
}
/* @keyframes flash {
	0%,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

.flash {
	animation-name: flash
}
 */





